<template lang="pug">
.combined
  .combined__left
    mt-card
      combined.combinedCard(v-model="currentSpecimen")
  .combined__right
    mt-card
      project(:selectEquipment="currentSpecimen").projectCard
</template>

<script setup lang="ts">
import { type CombinedEntity } from "@scmt/api-lis-combined";
import combined from "./components/combined.vue";
import project from "./components/project.vue";
const currentSpecimen = ref<CombinedEntity>();
</script>

<style lang="less" scoped>
.combined {
  height: 100%;
  display: flex;

  &__left {
    flex: 14;
  }

  &__right {
    margin-left: var(--mt-margin);
    flex: 10;
  }
}

.card {
  height: 100%;
}
</style>
